<template name="skeleton">
  <view class="project-img-box project-img-box data-v-2a2e2ac0 data-v-2a2e2ac0">
    <image class="project-img data-v-2a2e2ac0 sk-image" mode="scaleToFill" />
  </view>
  <view class="project-content project-content data-v-2a2e2ac0 data-v-2a2e2ac0">
    <view class="data-v-2a2e2ac0 data-v-2a2e2ac0">
      <view is="node-modules/@dcloudio/uni-ui/lib/uni-section/uni-section" class="data-v-2a2e2ac0 data-v-2a2e2ac0">
        <view class="uni-section section--uni-section">
          <view class="uni-section-header section--uni-section-header">
            <view class="uni-section-header__decoration section--uni-section-header__decoration line section--line" />
            <view class="uni-section-header__content section--uni-section-header__content">
              <text
                class="uni-section__content-title section--uni-section__content-title sk-transparent sk-text-14-2857-769 sk-text"
                style="font-size:18px;color:#333"
              >
                “彩虹桥”留守儿童关爱计划
              </text>
              <text
                class="uni-section-header__content-sub section--uni-section-header__content-sub sk-transparent sk-text-14-2857-957 sk-text"
                style="font-size:15px;color:#999"
              >
                “彩虹桥”留守儿童关爱计划旨在为偏远地区的留守儿童提供全面的关爱与支持。项目通过组织志愿者团队，定期探访留守儿童家庭，了解他们的生活和学习情况，并提供必要的学习用品和生活物资。此外，项目还开展心理辅导和兴趣培养活动，帮助留守儿童建立自信，培养积极向上的生活态度。同时，项目积极搭建网络平台，让留守儿童能够与远方的父母进行视频通话，缓解他们的思念之情。通过这一系列的活动，我们希望能够为留守儿童搭建起一座通往爱与希望的“彩虹桥”。
              </text>
            </view>
            <view class="uni-section-header__slot-right section--uni-section-header__slot-right" />
          </view>
          <view class="uni-section-content section--uni-section-content" style="padding:" />
        </view>
      </view>
      <view class="project-progress project-progress data-v-2a2e2ac0 data-v-2a2e2ac0">
        <view class="project-progress-chart project-progress-chart data-v-2a2e2ac0 data-v-2a2e2ac0">
          <view is="common/components/hope-progress" class="data-v-2a2e2ac0 data-v-2a2e2ac0">
            <view
              class="circular-container progress--circular-container data-v-bf3f33de progress--data-v-bf3f33de"
              style="width:150px;height:150px"
            >
              <view
                id="5430a8ee--bgCanvasId" canvas-id="bgCanvasId"
                class="circular-bg progress--circular-bg data-v-bf3f33de progress--data-v-bf3f33de sk-transparent sk-text-14-2857-52 sk-text sk-image"
                style="width:150px;height:150px"
              >
                绘图区域
              </view>
              <view
                id="5430a8ee--canvasId" canvas-id="canvasId"
                class="circular-progress progress--circular-progress data-v-bf3f33de progress--data-v-bf3f33de sk-transparent sk-text-14-2857-822 sk-text sk-image"
                style="width:150px;height:150px"
              >
                绘图区域
              </view>
            </view>
          </view>
        </view>
        <view class="project-progress-count project-progress-count data-v-2a2e2ac0 data-v-2a2e2ac0">
          <text class="project-progress-count-text data-v-2a2e2ac0 sk-transparent sk-text-14-2857-70 sk-text">
            目标:100万
          </text>
          <text class="project-progress-count-text data-v-2a2e2ac0 sk-transparent sk-text-14-2857-747 sk-text">
            已筹集:100
          </text>
        </view>
      </view>
    </view>
    <view class="data-v-2a2e2ac0 data-v-2a2e2ac0">
      <view is="node-modules/@dcloudio/uni-ui/lib/uni-section/uni-section" class="data-v-2a2e2ac0 data-v-2a2e2ac0">
        <view class="uni-section section--uni-section">
          <view class="uni-section-header section--uni-section-header">
            <view class="uni-section-header__decoration section--uni-section-header__decoration line section--line" />
            <view class="uni-section-header__content section--uni-section-header__content">
              <text
                class="uni-section__content-title section--uni-section__content-title distraction section--distraction sk-transparent sk-text-14-2857-405 sk-text"
                style="font-size:18px;color:#333"
              >
                项目实施计划
              </text>
            </view>
            <view class="uni-section-header__slot-right section--uni-section-header__slot-right" />
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<style scoped>
.sk-transparent {
  color: transparent !important;
}

.sk-text-27-5000-286 {
  background-image: linear-gradient(transparent 27.5000%, #EEEEEE 0%, #EEEEEE 72.5000%, transparent 0%) !important;
  background-size: 100% 76.9231rpx;
  position: relative !important;
}

.sk-text {
  background-origin: content-box !important;
  background-clip: content-box !important;
  background-color: transparent !important;
  color: transparent !important;
  background-repeat: repeat-y !important;
}

.sk-text-14-2857-769 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 48.4615rpx;
  position: relative !important;
}

.sk-text-14-2857-957 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 40.3846rpx;
  position: relative !important;
}

.sk-text-14-2857-52 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 43.0769rpx;
  position: relative !important;
}

.sk-text-14-2857-822 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 43.0769rpx;
  position: absolute !important;
}

.sk-text-14-2857-70 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 56.5385rpx;
  position: relative !important;
}

.sk-text-14-2857-747 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 56.5385rpx;
  position: relative !important;
}

.sk-text-14-2857-405 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 48.4615rpx;
  position: relative !important;
}

.sk-text-30-4348-805 {
  background-image: linear-gradient(transparent 30.4348%, #EEEEEE 0%, #EEEEEE 69.5652%, transparent 0%) !important;
  background-size: 100% 78.6325rpx;
  position: relative !important;
}

.sk-button {
  color: #EFEFEF !important;
  background: #EFEFEF !important;
  border: none !important;
  box-shadow: none !important;
}

.sk-image {
  background: #EFEFEF !important;
}

.sk-pseudo::before,
.sk-pseudo::after {
  background: #EFEFEF !important;
  background-image: none !important;
  color: transparent !important;
  border-color: transparent !important;
}

.sk-pseudo-rect::before,
.sk-pseudo-rect::after {
  border-radius: 0 !important;
}

.sk-pseudo-circle::before,
.sk-pseudo-circle::after {
  border-radius: 50% !important;
}

.sk-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: transparent;
}
</style>
